/*
===== 变量的定义 =====
*/
/*===== 媒体查询节点 ======*/
/*===== 颜色的定义 =====*/
/*===== 品牌颜色设置 =====*/
/*===== 网站外观的关键颜色设置 =====*/
/*===== 连接颜色设置 =====*/
.full-box {
  width: 100%;
  height: 100%;
}
.border-box {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  background-color: #fff;
  line-height: 1.5;
  font-size: 14px !important;
  color: #343637;
  width: 100%;
  height: 100%;
}
h1 {
  font-size: 21px;
}
h2 {
  font-size: 17px;
}
h3 {
  font-size: 15px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 14px;
}
a {
  color: #2185D0;
  text-decoration: none;
}
a:hover {
  color: #1a69a4;
  text-decoration: underline;
}
.float-left {
  float: left;
}
.float-righ {
  float: right;
}
.clear-float:before,
.clear-float:after {
  content: " ";
  display: table;
}
.clear-float:after {
  clear: both;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-primary {
  color: #2185D0;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #1a69a4;
}
.text-success {
  color: #21BA45;
}
a.text-success:hover,
a.text-success:focus {
  color: #198f35;
}
.text-info {
  color: #00B5AD;
}
a.text-info:hover,
a.text-info:focus {
  color: #00827c;
}
.text-warning {
  color: #FBBD08;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #cd9903;
}
.text-danger {
  color: #DB2828;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #b21e1e;
}
.bg-primary {
  background-color: #2185D0;
}
.bg-success {
  background-color: #21BA45;
}
.bg-info {
  background-color: #00B5AD;
}
.bg-warning {
  background-color: #FBBD08;
}
.bg-danger {
  background-color: #DB2828;
}
.bg-grey {
  background-color: #dcdcdc;
}
